Embedded Google Map

Overview

Use this paragraph type to display an embedded Google Map together with descriptive text. Simply enter a valid address and, optionally, add a headline or location description. You can further customize the map's appearance with display and background options.

Add an embedded Google Map

  1. In the Main Administrative Menu, navigate to Content.
  2. In the Content Overview table, select the page where you want to add the Embedded Google Map, and click Edit. This opens the page editor.
  3. Scroll to the bottom of the page editor. From the Add Section dropdown menu, select Add Embedded Google Map.
  4. Configure the required fields and display options as described in Field Reference below.
  5. Save the changes.

Field Reference

Headline
Enter a title or description for the location (optional). Use the Text Editor toolbar to apply formatting and styles..

Address
Enter a valid address that can be located by Google Maps.

Map-Height
Set the height of the map (in pixels) to customize your map display.

Display Options

Background-Image Paragraph
Add an image or video as the paragraph background. Recommended resolution: 1920x1080px.

Background-Color Paragraph
Pick a background color for the paragraph.

Tip

To learn where to define new background colors for your Paragraph Types, see Change Look & Feel → Define background colors for paragraph types.

Use Parallax-Effect
Enable the Parallax Effect for the paragraph type.

Show Full-Width
Display the map across the full width of the page.

Quick Demo: Add the embedded Google Map and configure its display settings.